<template>
<!--  <button class="UbuntuAmbiance">Linux</button>-->
  <el-button class="UbuntuAmbiance">Linux</el-button>
</template>

<script setup>

</script>

<style scoped>
button.UbuntuAmbiance {
  background: linear-gradient(to bottom, #fff 0%, #e8e8e8 100%);
  border: 1px #bbb solid;
  border-bottom: 1px #999 solid;
  border-radius: 5px;
  padding: 4px 14px 4px 14px;
  box-shadow: 0px 0px 2px 0px #fff inset, 0px 0px 1px 0px #fff inset,
  0px 0px 3px -3px #000;
  font-family: Ubuntu, "Deja Vu Sans", "Verdana", sans-serif;
  font-size: 15px;
  color: #444;
}

button.UbuntuAmbiance:hover {
  box-shadow: 0px 0px 2px 0px #fff inset, 0px 0px 1px 0px #fff inset,
  0px 0px 2px -1px #000;
  background: linear-gradient(to bottom, #fff 0%, #eee 100%);
}

button.UbuntuAmbiance:active {
  background: linear-gradient(to bottom, #ddd 0%, #eee 100%);
}
</style>